
<!DOCTYPE html>
<html lang="en">
  <head>
    $shared/head()$
    <script>
    function validar(){ 
	    if(!\$("input[name='idCajeroTemp']:checked").val()) {
			  \$(function(){
                    new PNotify({
                       title: 'Validaci&oacute;n'
                      ,text: 'Debe seleccionar un cajero.'
                      ,type:'error'
                    });
                  });
		    return false;
		  }
		  return true;
	  }

    function irPaso2(){
        if (validar()){
          \$("#mostrarPaso").val("2");
          \$("#txtbuscar").val("");          
          \$("#idCajero").val(\$('input:radio[name=idCajeroTemp]:checked').val());
          \$("#idPuntoVenta").val(\$("#punto_venta_temp").val());
          \$(".loading").show()
          \$("#myForm").submit();
        }
    }
    function terminar(){
      if (\$("#mostrarPaso").val()==3)
        return;
          if (\$("#aprobado_cajero").val()==0){
            \$(function(){
                    new PNotify({
                       title: 'Validaci&oacute;n'
                      ,text: 'Falta los datos para aprobar la informci&oacute;n.'
                      ,type:'error'
                    });
                  });
              return false;
          }
          \$("#mostrarPaso").val("3");
          \$(".loading").show()
          \$("#myForm").submit();
    }
    
    function updateTextInput(idInput, val) {
      \$("#"+idInput).val(val);
      resetValidacion();
    }
    
    </script>

    <script>
      \$(function(){
        \$(".panel-body").unhighlight().highlight("$txtbuscar$");
      });
    </script>
  </head>
  <body>
<div class="container">
$shared/header()$
    
    <div class="row">
        <div class="col-sm-3 col-md-3 sidebar">
            <span type="button" class="hidden-print">
	  <span class="glyphicon glyphicon-user"></span> $usuarioConectado.Nombre$&nbsp;$usuarioConectado.Apellido$
	</span>
	      $shared/menu()$
        </div>
        <div class="col-sm-9 col-sm-offset-3 col-md-8 col-md-offset-0 main">
          <ol class="breadcrumb hidden-print">
          <li><a href="home.aspx">Inicio</a></li>
          <li class="active">Abrir Turno</li>
        </ol>
        <div class="text-right">
          <button type="button" class="btn btn-default btn-sm" onclick="window.print();">
          <span  class="glyphicon glyphicon-print" ></span> Imprimir
          </button>
        </div>
$if (mostrarExito)$
  <div class="alert alert-success" role="alert">El turno se creo exitosamente!</div>
$endif$ 

$if (mostrarError)$
  <div class="alert alert-danger" role="alert">Lo sentimos ocurri&oacute; error:<br/>$error$</div>
$endif$ 
  <form method="POST" name="myForm" id="myForm">
  $if (mostrarPaso1)$
  <div id="paso1">        

  <div class="panel panel-default">
  <!-- Default panel contents -->
	   <div class="alert alert-danger" id="alert" style="display:none">
      <a href="#" class="alert-link">Debe seleccionar un Cajero...</a>
    </div>
<div class="navbar-form navbar-right hidden-print" role="search">
        <div class="form-group">
          <input type="text" class="form-control keyboard" placeholder="Buscar" id="txtbuscar" name="txtbuscar" value="$txtbuscar$">
        </div>
        <button type="submit" class="btn btn-default" >Buscar</button>
      </div><br/>

  <div class="panel-heading "> Seleccione el cajero a asignar stock!<br/>
  </div>
  <div class="panel-body">
      <table class="table table-hover">
        <thead>
          <tr>
            <th>&nbsp;</th>
            <th>#</th>
            <th>Nombre</th>
            <th>RUN</th>
            <th>Codigo</th>
          </tr>
        </thead>
        <tbody>
          $Cajeros: {c|
          <tr>
            <td><input type="radio" name="idCajeroTemp" id="$c.Id$" name="idCajeroTemp" value="$c.Id$" onclick="\$(document).scrollTop(\$('.panel-footer').offset().top);"></td>
            <td>$i$</td>
            <td>$c.NombreCompleto$</td>
            <td>$c.Rut$</td>
            <td>$c.UserNo$</td>
          </tr>
          }$
        </tbody>
      </table>
    </div>

  <div class="panel-body"> Seleccione el punto de venta:
      <select name="punto_venta_temp" id="punto_venta_temp" class="form-control">
        $PuntosVentas: {p|
        <option value="$p.Code$">$p.Nombre$</option>
        }$
      </select>
  </div> 
  <div class="panel-footer"> 
        <a href="javascript:;" class="btn btn-primary " onclick="irPaso2();">Siguiente</a>
        <img src="resources/images/ajax-loader.gif" id="loading" alt="loading"  style="display:none" class="loading"/>
    </div>
  </div>

</div>

$endif$ 
$if(mostrarPaso2)$
<div id="paso2">
<div class="panel panel-default">
  <div class="panel-heading ">Ingrese el Stock de $cajero.NombreCompleto$ :</div>
  <div class="panel-body">
      <table class="table  table-condensed ">
        <thead>
          <tr>
            <th>#</th>
            <th 2>Producto</th>
            <th>Cantidad</th>
          </tr>
        </thead>
        <tbody>
          $Productos: {p|
          <tr>
            <td valign="middle">$i$</td>
            <td  valign="middle">$p.Nombre$</td>
            <td valign="top">
            <table  border="0" cellspacing="0" cellpadding="0"><tbody><tr><td valign="top">
                <input type="range"  min="0" max="100" value="$p.CantidadPropuesta$" onchange="updateTextInput('cantidad_$p.Id$',this.value);" style="width:300px;margin-top:0px;" class="range" name="cantidadRange_$p.Id$" id="cantidadRange_$p.Id$" > 
                </td>
                <td valign="middle">&nbsp;<input type="text" class="numKeyboard" id="cantidad_$p.Id$" style="width:30px" value="$p.CantidadPropuesta$" name="cantidad_$p.Id$"  onblur="updateTextInput('cantidadRange_$p.Id$',this.value);" ></td>
              </tr></tbody></table>
              </td>
          </tr>
          }$
        </tbody>
      </table>
      $shared/validacion_cajero()$
  </div>
  <div class="panel-footer"> 
            <a href="nuevoTurno.aspx" class="btn btn-default">Cancelar</a>
            <a href="javascript:;" class="btn btn-primary submit" onclick="terminar();">Terminar </a>
            <img src="resources/images/ajax-loader.gif" id="loading" alt="loading"  style="display:none" class="loading"/>
  </div>
  </div>
</div>
$endif$ 

<input type="hidden" name="mostrarPaso" id="mostrarPaso" value="1">
<input type="hidden" name="idCajero"  id="idCajero" value="$cajero.Id$">
<input type="hidden" name="idPuntoVenta"  id="idPuntoVenta" value="$puntoVenta.Code$">
</form>
      
      $shared/footer()$
      </div>
      </div>
      </div>
  </body>
</html> 